<template>
  <div class="header">
    <div class="header-1">
      <ul>
        <router-link to="/Favorites">
            <ol>
              <img src="/learning/xin.jpg" alt="">
              <br>
              <span>收藏</span>
            </ol>
        </router-link>
        <router-link to="/Questions">
            <ol>
              <img src="/learning/wenda.jpg" alt="">
              <br>
              <span>问答</span>
            </ol>
        </router-link>
         <router-link to="/notes">
            <ol>
              <img src="/learning/biji.jpg" alt="">
              <br>
              <span>笔记</span>
            </ol>
        </router-link>

        <router-link to="/Handnotes">
            <ol>
              <img src="/learning/shouji.jpg" alt="">
              <br>
              <span>手记</span>
            </ol>
        </router-link>
        <router-link to="/download">
            <ol>
              <img src="/learning/xiazai.jpg" alt="">
              <br>
              <span>下载</span>
            </ol>
        </router-link>
      </ul> 
    </div>  
  </div>
</template>

<script>
export default {
  components:{

  }
}
</script>

<style scoped>
.header{
  width: 100%;
  height:0.66rem;
  /* margin-top: 0.7rem; */
   
}
.header .header-1 ul{
  width: 3.47rem;
  height:0.66rem;
  display: flex;
  justify-content: space-around;
  align-items: center;
  margin: auto;
  box-shadow: 0rem 0rem 0.05rem 0rem rgb(165, 163, 163);
}


</style>